//三级联动
$.getJSON('../json/address.json',function(data){
	var result = data;
	//console.log(result[0])
	callBack(result);
})
function callBack(result){
	var $pro = $('#pro');
	var $city = $('#city');
	var $area = $('#area');
	//记录下标
	var c = 0;
	var a = 0;
	//省
	for(var i=0;i<result.length;i++){
		var oP = '<option>'+result[i].name+'</option>';
		$pro.append(oP);
	}
	//省改变时
	$pro.change(function(){		
		$city.html('<option>--请选择市--</option>');
		$area.html('<option>--请选择区--</option>');
		var val = $(this).val();
		//console.log(val);
		for(var i=0;i<result.length;i++){
			if(result[i].name==val){
				c = i;
				break;
			}
		}
		//console.log(c)
		for(var j=0;j<result[c].cityList.length;j++){
			var oP = '<option>'+result[c].cityList[j].name+'</option>';
			$city.append(oP);
		}
		//console.log(c)
	})
	//市改变时
	$city.change(function(){
		$area.html('<option>--请选择区--</option>');
		var val = $(this).val();
		for(var i=0;i<result[c].cityList.length;i++){
			if(result[c].cityList[i].name==val){
				a = i;
				break;
			}
		}
		for(var j=0;j<result[c].cityList[a].areaList.length;j++){
			var oP = '<option>'+result[c].cityList[a].areaList[j]+'</option>';
			$area.append(oP);
		}
		//console.log(a)
	})
	
}

//给每个输入框绑定事件

//收货人姓名
$('#userName').on({
	focus:function(){
		$('#userNameTip').removeClass().addClass('onFocus');
		$('#userNameTip').html('请填写真实姓名，以确保商品准确送达！')
	},
	blur:function(){
		if($('#userName').val()!=''){
			$('#userNameTip').removeClass().addClass('onCorrect');
			$('#userNameTip').html('填写正确')
		}else{
			$('#userNameTip').removeClass().addClass('onError');
			$('#userNameTip').html('您输入有误')
		}
	}
})

//配送地址
$('#city').on({
	focus:function(){
		$('#city1Tip').removeClass().addClass('onFocus');
		$('#city1Tip').html('请选择')
	},
	blur:function(){
		if($('#city').val()!=''){
			$('#city1Tip').removeClass().addClass('onCorrect');
			$('#city1Tip').html('正确')
		}else{
			$('#city1Tip').removeClass().addClass('onError');
			$('#city1Tip').html('地址错误')
		}
	}
})
$('#pro').on({
	focus:function(){
		$('#city2Tip').removeClass().addClass('onFocus');
		$('#city2Tip').html('请选择')
	},
	blur:function(){
		if($('#pro').val()!=''){
			$('#city2Tip').removeClass().addClass('onCorrect');
			$('#city2Tip').html('正确')
		}else{
			$('#city2Tip').removeClass().addClass('onError');
			$('#city2Tip').html('地址错误')
		}
	}
})
$('#area').on({
	focus:function(){
		$('#city3Tip').removeClass().addClass('onFocus');
		$('#city3Tip').html('请选择')
	},
	blur:function(){
		if($('#area').val()!=''){
			$('#city3Tip').removeClass().addClass('onCorrect');
			$('#city3Tip').html('正确')
		}else{
			$('#city3Tip').removeClass().addClass('onError');
			$('#city3Tip').html('地址错误')
		}
	}
})
//收货地址
$('#address').on({
	focus:function(){
		$('#addressTip').removeClass().addClass('onFocus');
		$('#addressTip').html('请输入内容！')
	},
	blur:function(){
		if($('#userName').val()!=''){
			$('#addressTip').removeClass().addClass('onCorrect');
			$('#addressTip').html('填写正确')
		}else{
			$('#addressTip').removeClass().addClass('onError');
			$('#addressTip').html('请您正确填写')
		}
	}
})

//邮箱确认
var email = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;//邮箱匹配
$('#email').on({
	focus:function(){
		$('#emailTip').removeClass().addClass('onFocus');
		$('#emailTip').html('输入正确邮箱！')
	},
	blur:function(){
		var val = $('#email').val();
		if(email.test(val)){
			$('#emailTip').removeClass().addClass('onCorrect');
			$('#emailTip').html('恭喜您，正确')
		}else{
			$('#emailTip').removeClass().addClass('onError');
			$('#emailTip').html('您填写的邮箱格式不正确')
		}
	}
})
//固定电话确认
var phone = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
$('#mobile').on({
	focus:function(){
		$('#mobileTip').removeClass().addClass('onFocus');
		$('#mobileTip').html('填写正确号码')
	},
	blur:function(){
		var val = $('#mobile').val();
		if(phone.test(val)){
			$('#mobileTip').removeClass().addClass('onCorrect');
			$('#mobileTip').html('恭喜您，填写对了！');
		}else{
			$('#mobileTip').removeClass().addClass('onError');
			$('#mobileTip').html('您输入有误');
		}
		
	}
})
//手机确认
$('#phone').on({
	focus:function(){
		$('#phoneTip').removeClass().addClass('onFocus');
		$('#phoneTip').html('手机号码11位')
	},
	blur:function(){
		var val = $('#phone').val();
		if(phone.test(val)){
			$('#phoneTip').removeClass().addClass('onCorrect');
			$('#phoneTip').html('恭喜您，填写对了！');
		}else{
			$('#phoneTip').removeClass().addClass('onError');
			$('#phoneTip').html('您输入有误');
		}
		
	}
})
//点击结算
$('#image').click(function(){
	if(($('#userName').val()!='')&&($('#city').val()!='')&&($('#pro').val()!='')&&($('#area').val()!='')&&($('#address').val()!='')&&($('#phone').val()!='')){
		location.href = "finishPage.html";
		removeCookie('cart');
	}else{
		alert('您填写的信息不完整');
	}
	
})

